<!doctype html>
<html>
	<head>
		<meta name="layout" content="main"/>
		<title>Login</title>
		<parameter name="haveMenu" value="false" /> <!-- Not render menu for login screen -->
	</head>
	<body>
		<div id='login'>
			<div class='login-body'>
				<g:if test='${flash.message}'>
					<div class='login_message'>${flash.message}</div>
				</g:if>
				
					<g:form controller="user" action="doLogin" class="login-form">
						<div class="login-form-container">
							<label>Tên người dùng: </label><g:textField name="username" class="field-stretch default-focus-field"/>
							<label>Mật khẩu: </label><g:passwordField name="password" class="field-stretch"/>
							<div style="text-align:center;" class="field-stretch">
								<g:submitButton name="login" value="Đăng nhập" class="action-button"/>	
							</div>
						</div>
					</g:form>
				</div>
		</div>
	
		
		<script type='text/javascript'>
	
			(function(){
				document.getElementsByClassName('default-focus-field')[0].focus();
			})();
		</script>
		
	</body>
</html>
